/**
 * Redux 中间件
 *
 *    需求: 有这么一个需求，需要在任何动作派发的时候打印一些日志信息
 *    方案1: 将 store.dispatch 给重写了
 *
 *      const next = store.dispatch
 *      store.dispatch = (action) => {
 *        console.log('阿巴阿巴')
 *        next(action)
 *      }
 *
 *    方案2: 直接使用第三方做好的中间件  redux-logger
 *
 *
 *    使用：
 *      1. 安装第三方的中间件，或者自己定义中间件
 *      2. 应用中间件
 *        import { createStore, applyMiddleware } from 'redux'
 *
 *        createStore(rootReducer, applyMiddleware(中间件1, 中间件2))
 *      3. OK了
 *
 */

import { Component } from "react";
import Hello from "./components/Hello";
import World from "./components/World";

export default class App extends Component {
  render() {
    return (
      <div>
        <h1>App</h1>
        <hr />
        <Hello name="zhagnsan" />
        <hr />
        <World />
      </div>
    );
  }
}
